<script setup lang="ts">
import { ref } from 'vue'
import HomePage from './components/HomePage.vue'
import AISearchPage from './components/AISearchPage.vue'
import SettingsPage from './components/SettingsPage.vue'

const currentPage = ref('home')

const handleNavigate = (page: string) => {
  currentPage.value = page
}
</script>

<template>
  <div id="app">
    <HomePage v-if="currentPage === 'home'" @navigate="handleNavigate" />
    <AISearchPage v-if="currentPage === 'search'" @navigate="handleNavigate" />
    <SettingsPage v-if="currentPage === 'settings'" @navigate="handleNavigate" />
  </div>
</template>

<style>
/* Global styles are in main.css */
</style>
